@charset "utf-8";
/* CSS Document */



.contaier{ zoom: 1; }
.contaier:after{ content : '.'; display: block; width: 0; height: 0; visibility: hidden; line-height: 0; font-size: 0; clear: both; }
/*基础*/
body{  font-family: Century Gothic, \5FAE\8F6F\96C5\9ED1,\5E7C\5706, Arial, Verdana; color: #323232; height:auto;}
select,input,textarea{ outline: none; font-family: Century Gothic, \5FAE\8F6F\96C5\9ED1,\5E7C\5706, Arial, Verdana; font-size: 16px;color:#323232 }
textarea{ resize: none; overflow: auto;}
a{ text-decoration: none;}
a:hover{ text-decoration: underline; }
.bannerbox{width:100%;height:500px;overflow:hidden;z-index:0;position:relative;}
/*布局*/
.header{ width: 100%;  color: #fff;border-bottom:1px solid silver }
.wp{ max-width: 980px!important; width: auto!important; width: 980px; padding: 0 12px; margin: 0 auto; position:relative;}
.contaier{ padding-bottom: 18px; padding-top: 24px; background: #fff; height: auto!important; min-height: 500px; height: 500px; }

.header{ width: 100%; color: #fff; border-bottom:1px solid silver }
.think-login,.think-register{ padding-right: 60px; border-right: 1px solid #ddd; }
.think-login,.think-register,.login-other{ margin-top: 36px; min-width: 320px; }
.think-login .head,.think-register .head,.login-other .head{ height: 36px; line-height: 36px; }
.think-login .head strong,.think-register .head strong{ font-weight: normal; font-size: 30px; vertical-align: bottom; }
.think-login .head span,.think-register .head span{ margin-left: 24px; color: #999; }
.think-login .head a,.think-register .head a{ color: #007DDB; margin-left: 6px; text-decoration: underline; }
.think-login .body,.think-register .body{ padding-top: 12px; }
.think-login,.think-register{ float: left; }
.think-form{ padding-bottom: 36px; }
.think-form .must{ font-style: normal; color: #c00; margin-right: 3px; }
.think-form th,.think-form td{ padding: 6px 0; }
.think-form th{ font-weight: normal; vertical-align: top; line-height: 32px; padding-right: 9px; text-align: left; }
.think-form .text{ height: 24px; width: 350px; line-height: 24px; padding: 3px; border: 1px solid #ccc; }
.think-form .text:focus{ box-shadow: 0 0 5px rgba(52,143,212,.6); border-color: #348FD4; }
.think-form .checkbox{ margin-right: 6px; }
.think-form .submit{ background:#fa7408; color: #fff; font-size: 16px; height: 30px; line-height: 21px; padding: 0 24px; vertical-align: middle; border: 0; cursor: pointer; }
.think-form .submit:hover{ background-color: #2F81BF; }
.think-form select{ height: 32px; padding: 3px; border: 1px solid #ccc; }
.think-form .login .text { height: 24px; width: 250px; line-height: 24px; padding: 3px; border: 1px solid #ccc; }
.think-form .login .verify { height: 24px; width: 150px; line-height: 24px; padding: 3px; border: 1px solid #ccc; }
.login-other{ float: left; padding-left: 60px; margin-left: -1px; display: inline; border-left: 1px solid #ddd; }
.login-other .head strong{ font-weight: normal; color: #999; }



/*--------------------------------------------------------------*/
/*
.cases-cases{height:680px; border:solid 1px #CCC; margin-top:33px; overflow:hidden;cursor:pointer;}
.cases-cases-top{width:1200px; height:35px; border-bottom:1px solid #ccc;padding-top:5px;font-size:14px; }
.cases-top-l{float:left;width:150px;text-align:center;line-height:35px;}
.cases-top-c{float:left;width:660px;line-height:35px;margin-left:40px}
.cases-top-c ul{display:inline-block;}
.cases-top-c ul li{display:inline-block;}
.cases-top-c ul li a{padding:4px;border: 1px solid #fff;}
.cases-top-c ul li.current a{background: url(../images/currentsort.gif) no-repeat right bottom #fff;border: 1px solid #f30;}


.cases-top-c .all{width:40px;display:inline-block;}
.cases-top-c ul li span{width:22px;height:21px;margin:5px 0 0 5px;background:url(../images/icon6.gif) no-repeat;display:inline-block;vertical-align:-7px;}
.cases-top-c ul li.c2 span{background-image:url(../images/icon7.png)}
.cases-top-c ul li.c3 span{background-image:url(../images/icon8.png)}
.cases-top-c ul li.c4 span{background-image:url(../images/icon9.png)}
.cases-top-c ul li.c5 span{background-image:url(../images/icon10.png)}

.cases-top-r{float:left;width:300px;}
.cases-top-r strong{float:left;line-height:35px;} 
.cases-top-r p{float:left;width:210px;height:30px;border:1px solid #3fb5e9;}
.cases-top-r p input{float:left;border:none;}
.cases-top-r p #keywords{line-height:30px;text-indent:1em}
.cases-top-r p .btn_search{width:35px;background:url(../images/search.gif) no-repeat;height:35px;}


.box-cases{margin-top:20px;height:720px;}
.box-cases-l{float:left;border-radius:5px; border:1px solid #ccc;width:150px;text-align:center;line-height:36px;}
.box-cases-l li.current{background:#f60;color:#fff;}
.box-cases-r{float:right;width:1000px;height:610px;overflow:hidden;}
.box-cases-r div{height:700px;display:none;}
.box-cases-r div.current{display:block;}

.box-cases-r div li{display:none;}
.box-cases-r div li.img{margin:0 auto;}
.box-cases-r div li.current{display:block;}
.box-cases-r div p span{width:300px;height:100px;line-height:100px;display:inline-block; text-align:center;}
*/
.mauto_i {
    margin:0px auto 10px;
    width: 1044px;
}

#index .mauto_i .title  {
    margin-bottom:10px;
    line-height: 35px;
    text-indent: 10px;
    font-weight: bold;
    font-size: 22px;
    background: url(../images/icon_01.gif) no-repeat left center;
    font-family: Microsoft YaHei;
}

    #index .mauto_i .title a {
        float: right;
        font-size: 12px;
        font-weight: initial;
        color: #bfbfbf;
    }
        #index .mauto_i .title span {
        font-size: 16px;
        font-weight: initial;
       color: #bfbfbf;
    }



.header > div {
    position: relative;
}

.h_link {
    position: absolute;
    right: 0px;
    top: 0px;
    display: inline-block;
}

    .h_link a {
        display: inline-block;
        padding: 8px 10px;
        color: #bfbfbf;
    }

.h_link_icon {
    position: absolute;
    right: 0px;
    top: 40px;
    display: inline-block;
}

    .h_link_icon a {
        display: inline-block;
        width: 50px;
        height: 30px;
        background-position: center;
        background-repeat: no-repeat;
        text-indent: -5000px;
    }

        .h_link_icon a img {
            display: none;
            position: absolute;
            width: 145px;
            height: 161px;
            top: 35px;
            left: -42px;
            z-index: 300;
        }

        .h_link_icon a:hover img {
            display: inline-block;
        }

    .h_link_icon .i1 {
        background-image: url(../images/icon-2.png);
    }

    .h_link_icon .i2 {
        background-image: url(../images/icon-3.png);
    }

    .h_link_icon .i3 {
        background-image: url(../images/icon-4.png);
    }

    .h_link_icon .i4 {
        background-image: url(../images/icon-5.png);
    }
/*搜索FAQ*/
.searchFap {
    padding: 10px 0px 0px;
}

    .searchFap input {
        border: 1px solid #e0e0e0;
        border-right: 0px;
        height: 26px;
        padding: 0px 0px 0px 10px;
        width: 400px;
        float: left;
    }

    .searchFap .btn {
        border: 1px solid #e0e0e0;
        width: 100px;
        height: 28px;
        float: left;
        background-color: #25a6eb;
        color: #ffffff;
    }



    .searchFap div {
        display: inline-block;
        overflow:hidden;
        width:520px;
        height:28px;
        line-height: 25px;
        float: left;
        padding: 2px 0px 0px 10px;
    }

    .searchFap a {
        display: inline-block;
        padding: 0px 10px;
    }
/*媒体关注*/
.mediaAttention .top {
    width: 370px;
}

.mediaAttention .list {
    width: 670px;
    display: inline-block;
}

    .mediaAttention .list a {
        display: block;
    }

    .mediaAttention .list a {
        display: inline-block;
        width: 100%;
        padding-bottom: 17px;
        line-height: 22px;
    }

        .mediaAttention .list a:hover {
        }

        .mediaAttention .list a .img {
            display: block;
            overflow: hidden;
            margin: 0px 10px;
            width: 130px;
            height: 130px;
            float: left;
        }

        .mediaAttention .list a img {
            display: inline-block;
            width: 100%;
        }

        .mediaAttention .list a .t {
            display: block;
            overflow: hidden;
        }

        .mediaAttention .list a .i {
            display: block;
            color: #b0b0b0;
            padding-bottom: 5px;
        }

        .mediaAttention .list a .c {
            display: block;
            overflow: hidden;
            height: 76px;
            color: #b0b0b0;
            line-height: 2.2em;
        }

/*PC模板*/
.pc_temp .list {
    width:1020px;
    margin: auto;
    
}

    .pc_temp .list .item {
        display: block;
        width: 211px;
        float: left;
        margin: 5px 20px 15px;
        background: url(../images/bg-1.png) no-repeat center top;
        line-height: 22px;
        text-align: center;
        color: #a3a3a3;
    }



        .pc_temp .list .item i {
            display: block;
            overflow: hidden;
            margin: 14px auto 20px;
            width: 196px;
            height: 126px;
        }



        .pc_temp .list .item img {
            display: inline-block;
            width: 100%;
        }

        .pc_temp .list .item span {
            display: block;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            cursor: pointer;
        }
        /*PC模板 滚动*/
/*.pc_temp .list {
    margin: auto;
}

    .pc_temp .list .item {
        display: block;
        width: 211px;
        float: left;
        margin: 5px 14px;
        background: url(../images/bg-1.png) no-repeat center top;
        line-height: 22px;
        text-align: center;
        color: #a3a3a3;
    }



        .pc_temp .list .item i {
            display: block;
            overflow: hidden;
            margin: 14px auto 20px;
            width: 196px;
            height: 126px;
        }



        .pc_temp .list .item img {
            display: inline-block;
            width: 100%;
        }

        .pc_temp .list .item span {
            display: block;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            cursor: pointer;
        }*/



/*手机模板*/

.wap_tempbox {
    width: 1044px;
    margin: auto;
}

   /*.wap_tempbox ol {
        display: inline-block;
        padding: 5px;
        width: 100%;
        overflow: hidden;
    }

.wap_tempbox li{ display:inline-block; float:left; margin:10px; width:217px; height:404px; padding:41px 1px 0px 1px;   background: url(../images/bg03.jpg) no-repeat left top;}

.wap_tempbox  .wrap a { display:block; width:217px; height:372px; text-decoration:none; color:#000; }




    .wap_tempbox .itme {
        width: 181px;
        height: 263px;
        position: relative;
        overflow: hidden;
        font-family: arial, sans-serif;
        border: 0;
        float: left;
        display: inline;
        overflow: hidden;
        z-index: 0;
    }

.wap_tempbox .wrap img { border:0;width:217px; height:372px; }

        .wap_tempbox .itme i {
            display: block;
            width: 181px;
            height: 263px;
            position: absolute;
            left: 0;
            top: 263px;
            z-index: 1;
            background: #000;
            filter: alpha(opacity=40);
            filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
            opacity: 0.40;
            -webkit-transition: all 0.6s ease-in-out;
        }

        .wap_tempbox .itme .info {
            display: block;
            width: 181px;
            height: 263px;
            position: absolute;
            left: 0;
            top: 263px;
            z-index: 1;
            background: transparent;
            font-size: 12px;
            color: #fff;
            padding: 0;
            margin: 0;
            -webkit-transition: all 0.6s ease-in-out;
        }

            .wap_tempbox .itme .info b {
                display: block;
                font-size: 12px;
                line-height: 12px;
                color: #fff;
                text-align: center;
                margin: 0;
                padding: 30px 0; 
                z-index: 0; 
                filter: alpha(opacity=40);
                filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); 
                -webkit-transition: all 0.6s ease-in-out;
                background: url("../images/weiwangbg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
            }

            .wap_tempbox .itme .info span {
                display: block;
                padding: 10px;
                line-height: 20px;
            }

                .wap_tempbox .itme .info span img {
                    width: 126px;
                    height: 126px;
                    padding: 5px 0px 0px 17px;
                }

        .wap_tempbox .itme a:hover {
            direction: ltr;
        }

            .wap_tempbox .itme a:hover i {
                top: 0;
            }

            .wap_tempbox .itme a:hover .info {
                top: 0;
            }

.clear {
    clear: left;
}*/




.wap_tempbox ol{display:inline-block;width:100%; overflow:hidden;}

.wap_tempbox li{ display:inline-block; float:left; margin:10px; width:217px; height:404px; padding:41px 1px 0px 1px;   background: url(../images/bg03.jpg) no-repeat left top;}
.wap_tempbox .itme { width:217px; height:372px; position:relative; overflow:hidden; font-family:arial, sans-serif; border:0; float:left; display:inline;  overflow:hidden;z-index:0;}

.wap_tempbox  .itme a { display:block; width:217px; height:372px; text-decoration:none; color:#000; }

.wap_tempbox .itme img { border:0;width:217px; height:372px; }
.wap_tempbox .itme i { display:block; width:217px; height:372px; position:absolute; left:0; top:374px; z-index:1; background:#000; filter: alpha(opacity=40);  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
opacity:0.40; -webkit-transition: all 0.6s ease-in-out; }
.wap_tempbox .itme .info { display:block; width:217px; height:372px; position:absolute; left:0; top:374px; z-index:1; background:transparent; font-size:12px; color:#fff; padding:0; margin:0; -webkit-transition: all 0.6s ease-in-out; }
.wap_tempbox .itme .info b { display:block; font-size:14px; line-height:40px; color:#fff; text-align:center; margin:0; padding-top:40px;z-index:0; filter: alpha(opacity=40);  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); -webkit-transition: all 0.6s ease-in-out; background:url("../images/weiwangbg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);}
.wap_tempbox .itme .info span { display:block; padding:10px; line-height:20px; }
.wap_tempbox .itme .info span img{ width:156px; height:156px; margin:auto; display:block;}
.wap_tempbox .itme a:hover { direction:ltr; }
.wap_tempbox .itme a:hover i { top:0; }
.wap_tempbox .itme a:hover .info { top:0; }

.wap_tempbox .itme .preview {
    margin:10px auto;
    border:1px solid #fff;
    width:50%;
   height:40px;
   line-height:40px;
   text-align:center;
   background-color:#d8d6d6;
   background-color:rgba(255, 255, 255, 0.56);
           font-size:16px;
}

    .wap_tempbox .itme .info span.wapid {
        padding-top:30px;
        font-size:14px;
    }
.wap_tempbox .clear { clear:left; }






/*功能优势*/
.functionalAdvantages .box {
    position: relative;
    height: 568px;
    background-image: url(../images/bg_1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    line-height: 1.3em;
}

.functionalAdvantages .lt {
    position: absolute;
    width: 175px;
    height: 75px;
}

.functionalAdvantages h5 {
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
    color: #3196e2;
}

.functionalAdvantages .lt .c {
    overflow: hidden;
    border-top: 1px solid #ededed;
    height: 46px;
    padding-top: 5px;
    color: #a3a3a3;
    font-size: 10px;
}

.functionalAdvantages .l1 {
    top: 0px;
    right: 190px;
}

.functionalAdvantages .l2 {
    top: 170px;
    right: 55px;
}

.functionalAdvantages .l3 {
    top: 310px;
    right: 65px;
}

.functionalAdvantages .l4 {
    top: 465px;
    right: 290px;
}

.functionalAdvantages .l5 {
    top: 465px;
    left: 290px;
    text-align: right;
}

.functionalAdvantages .l6 {
    top: 310px;
    left: 65px;
    text-align: right;
}

.functionalAdvantages .l7 {
    top: 170px;
    left: 55px;
    text-align: right;
}

.functionalAdvantages .l8 {
    top: 0px;
    left: 190px;
    text-align: right;
}
/*成功案例*/
.successStories .list {
    max-height: 100px;
    overflow: hidden;
}

    .successStories .list a {
        display: inline-block;
        padding: 5px 15px;
        line-height: 2em;
    }
/*关于我们*/
#menu_62 .remark {
padding:0 15px;

}
#menu_61 .remark img {
width:100%;


}








/*精典案例*/

#menu_114 .sortbox{border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7;

                   line-height:38px;
}
#menu_114 .sortbox strong {
display: inline-block;

padding-left:20px;

color: #0066CC;
font-size: 14px;
text-align: center;
line-height: 21px;
}
#menu_114 .sortbox a{

                   display: inline-block;

padding: 0px 9px;


}
 .p_p_list_menu_114{
     padding:8px;
 }



     .p_p_list_menu_114 a {
        display: block;
        width: 211px;
        float: left;
        margin: 5px 9px 15px;
        background: url(../images/bg-1.png) no-repeat center top;
        line-height: 22px;
        text-align: center;
        color: #a3a3a3;
    }



        .p_p_list_menu_114 a i {
            display: block;
            overflow: hidden;
            margin: 13px auto 20px;
            width: 196px;
            height: 126px;
        }



         .p_p_list_menu_114 a img {
            display: inline-block;
            width: 100%;
        }

        .p_p_list_menu_114 a span {
            display: block;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            cursor: pointer;
        }


/*.p_p_list_menu_114{ display:inline-block; padding-bottom:20px; text-align:center;}
.p_p_list_menu_114 li{display:block; display:inline; float:left; margin:10px 0 0 25px; width:202px; height:160px;background:url(../images/b1.gif) no-repeat right bottom;line-height:20px; position: relative;}
.p_p_list_menu_114 img{ display:block; margin:3px; width:196px; height:126px;}
.p_p_list_menu_114 .pt{ display:block; overflow:hidden;line-height:23px;white-space:nowrap;text-overflow:ellipsis; cursor:pointer; height:23px; overflow:hidden;}
.p_p_list_menu_114 .hover{background:url(../images/hover.gif) no-repeat right bottom;}*/
/*SEO案例*/





.p_p_list_menu_116{ display:inline-block; width:100%;}

.p_p_list_menu_116 div{ display:block; position:relative; padding:15px; }
.p_p_list_menu_116 .i{ display:block; float:left; margin-right:15px; border:1px solid #e0e0e0; width:129px;height:92px; }
.p_p_list_menu_116 img{ width:100%; }
.p_p_list_menu_116 .t{display:block; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; }
.p_p_list_menu_116 .c{display:block; overflow:hidden;padding-top:5px; }
.p_p_list_menu_116 .c1{display:block; overflow:hidden; float:left;  width:40px;height:50px;padding-top:5px; }
.p_p_list_menu_116 .c2{display:block; overflow:hidden;height:60px; }
.p_p_list_menu_116 .c2 a{display:inline-block; margin:6px; padding:0px 7px; background-color:#f1f1f1; }
.p_p_list_menu_116 .c2 a:hover{ background-color:#59cdf6; color:#ffffff; }
.p_p_list_menu_116 .top{position:absolute; top:15px; right:20px;
}
.p_p_list_menu_116 .top span{color:#28b0da;
}

/*功能插件*/




.p_p_list_plug_in{padding:10px 10px;}

.p_p_list_plug_in a{ display:inline-block;  margin-bottom:10px;border:1px solid #ffffff;  }
.p_p_list_plug_in a:hover{ border-color:#4998e8;  background-color:#ecfafd; color:inherit; }
.p_p_list_plug_in .l{ display:block; float:left;  width:100px;height:100px; }
.p_p_list_plug_in .i{ display:block;width:100px; overflow:hidden; height:70px; }
.p_p_list_plug_in img{ width:80%; margin:auto; display:block; }
.p_p_list_plug_in .t{display:block; text-align:center; }
.p_p_list_plug_in .c{display:block; overflow:hidden;margin:15px 10px 0px 110px ; height:65px; }

}
.p_p_list_plug_in .top span{color:#28b0da;
}



#plug_in .remark{

    padding:0 10px ;
}


/*.plug_in_sort_list .title
{line-height: 31px;

background: url(../images/t1.gif) repeat-x;
    color: #0066cc;
    text-align:center;
}*/




.plug_in_sort_list li a{display: block;


line-height: 35px;
color: #4c4c4c;
background: url(../images/icon01.jpg) repeat-x left bottom;text-align: center;
}.plug_in_sort_list li a:hover{ background-position:left top;}
  #plug_in .remark{}
 #plug_in #xweb-ajax-div ul{
     display:inline-block;
     width:100%;
 }
#plug_in #xweb-ajax-div  li{float:left; display:inline; margin-top:10px; margin-right:10px; margin-left:10px; width:196px; height:331px; padding:63px 0 0 16px; background:url(../images/bg02.jpg) no-repeat left top;}
#plug_in #xweb-ajax-div li img{ border:0;width:181px; height:263px; }











/*手机模板*/

.wapTemplates {
    padding-top:10px;
}
#wapsite .tempateSortSearch{ display:block;  margin-bottom:10px;width:958px; border:solid #e0e0e0 1px; background:#fff;}
#wapsite .tempateSortSearch h5{ padding-left:15px; background:url(../images/t1.gif) repeat-x;color:#424242; line-height:30px;font-size:14px; font-weight:bold;}

#wapsite .tempateSortSearch .title{display:inline-block;border-top:1px solid #e7e7e7; width:100%; overflow:hidden; /* height:36px; */}
#wapsite .tempateSortSearch .title strong{display:block; float:left; width:60px; padding: 5px 7px; color: #0066CC; font-size:14px; text-align:center; line-height:37px;}
#wapsite .tempateSortSearch .title .all{display:block;float:left; border:1px solid #c1ddf2; height:20px; margin-top:13px; line-height:19px; }
#wapsite .tempateSortSearch .title .allCurrent{display:block;float:left; border:1px solid #ff3300; margin-top:13px; background:url(../images/currentsort.gif) no-repeat right bottom #fff;color: #FF3300;line-height:19px;}
#wapsite .tempateSortSearch .title ul{display:inline-block; width: 560px; padding: 14px 0px 0px 0px; /* display: table; height:100%; */ }
#wapsite .tempateSortSearch .title li{float:left; display: block; white-space: nowrap; height: 30px; overflow: hidden; /* border: solid 1px red; */}
#wapsite .tempateSortSearch .title li.select a{border:1px solid #ff3300; background:url(../images/currentsort.gif) no-repeat right bottom #fff;color: #FF3300;}
#wapsite .tempateSortSearch .title a{ display: block; float: left; margin-right:7px; border:1px solid #fff; padding: 0px 7px; text-align:center; font:bold 14px/18px Microsoft YaHei; color:#0066CC; cursor:pointer;}
#wapsite .tempateSortSearch .sortIcon{ display:block; float:left; width:22px; height: 21px;}
#wapsite .tempateSortSearch .title li.hover a{color:#ff3300;}



#wapsite .tempateSortSearch .content .all{display:block;float:left; padding:0px 9px; text-align:center;  border: 1px solid #C1DDF2;background:#ECFAFD; background-image:none;line-height:20px; }
#wapsite .tempateSortSearch .content .allCurrent{display:block;float:left; width: auto; text-align:center; padding:0px 9px;  border: 1px solid #ff3300; background:url(../images/currentsort.gif) no-repeat right bottom #fff;line-height:19px;}
#wapsite .tempateSortSearch .content p{ display:block; float:right; width:815px; padding: 0px 2px;}
#wapsite .tempateSortSearch .content p a{display:block; text-align:center; float:left; border:1px solid #ECFAFD; padding:0px 9px; line-height:21px; white-space:nowrap;}
#wapsite .tempateSortSearch .content .current{ border: 1px solid #ff3300; background:url(../images/currentsort.gif) no-repeat right bottom #fff;}

#wapsite .tempateSortSearch .paramtitle{display: table; width:938px; border-top:1px solid #e7e7e7; padding: 8px 20px 8px 0px; _padding: 8px 20px 0px 0px; clear: both; height: 100%;}
#wapsite .tempateSortSearch .paramtitle strong{display:block; float:left; width:60px; padding: 0px 7px; color: #0066CC; font-size:14px; text-align:center;line-height:21px;}
#wapsite .tempateSortSearch .paramtitler1{position:absolute; right:0px; bottom:38px;width:386px;}
#wapsite .tempateSortSearch .paramtitler2{position:absolute; right:0px; bottom:0px;width:400px;}


#wapsite .tempateSortSearch .paramtitle .all{display:block;float:left; padding:0px 9px; text-align:center; border: 1px solid #C1DDF2; background:#ECFAFD; background-image:none;line-height: 20px;}
#wapsite .tempateSortSearch .paramtitle .allCurrent{display:block;float:left; width: auto; text-align:center; padding:0px 9px;  border: 1px solid #ff3300; background:url(../images/currentsort.gif) no-repeat right bottom #fff;line-height:19px;}
#wapsite .tempateSortSearch .paramtitle p{ display:block; float: left; width:566px; padding: 0px 2px; line-height:21px;}
#wapsite .tempateSortSearch .paramtitler1 p{width:238px;}
#wapsite .tempateSortSearch .paramtitle p a{display:block; text-align:center; float:left; padding:0px 9px; line-height:21px; white-space:nowrap;}
#wapsite .tempateSortSearch .paramtitle .current{ border: 1px solid #ff3300; background:url(../images/currentsort.gif) no-repeat right bottom #fff;}


.wap_p_list {
display: inline-block;
border: solid #e0e0e0 1px;
width: 958px;
padding-bottom: 20px;
background: #fff;
}

.wap_p_list ul{display:inline-block;width:100%; overflow:hidden;}

.wap_p_list li{ display:inline-block; float:left; margin:10px; width:217px; height:404px; padding:41px 1px 0px 1px;   background: url(../images/bg03.jpg) no-repeat left top;}
.wap_p_list .wrap { width:217px; height:372px; position:relative; overflow:hidden; font-family:arial, sans-serif; border:0; float:left; display:inline;  overflow:hidden;z-index:0;}

.wap_p_list  .wrap a { display:block; width:217px; height:372px; text-decoration:none; color:#000; }

.wap_p_list .wrap img { border:0;width:217px; height:372px; }
.wap_p_list .wrap i { display:block; width:217px; height:372px; position:absolute; left:0; top:374px; z-index:1; background:#000; filter: alpha(opacity=40);  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
opacity:0.40; -webkit-transition: all 0.6s ease-in-out; }
.wap_p_list .wrap .info { display:block; width:217px; height:372px; position:absolute; left:0; top:374px; z-index:1; background:transparent; font-size:12px; color:#fff; padding:0; margin:0; -webkit-transition: all 0.6s ease-in-out; }
.wap_p_list .wrap .info b { display:block; font-size:14px; line-height:40px; color:#fff; text-align:center; margin:0; padding-top:40px;z-index:0;/* background:#000;*/ filter: alpha(opacity=40);  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);/*opacity:0.40;*/ -webkit-transition: all 0.6s ease-in-out; background:url("../images/weiwangbg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);}
.wap_p_list .wrap .info span { display:block; padding:10px; line-height:20px; }
.wap_p_list .wrap .info span img{ width:156px; height:156px; margin:auto; display:block;}
.wap_p_list .wrap a:hover { direction:ltr; }
.wap_p_list .wrap a:hover i { top:0; }
.wap_p_list .wrap a:hover .info { top:0; }

.wap_p_list .wrap .preview {
    margin:10px auto;
    border:1px solid #fff;
    width:50%;
   height:40px;
   line-height:40px;
   text-align:center;
   background-color:#d8d6d6;
   background-color:rgba(255, 255, 255, 0.56);
           font-size:16px;
}

    .wap_p_list .wrap .info span.wapid {
        padding-top:30px;
        font-size:14px;
    }
.wap_p_list .clear { clear:left; }
#com_lastistop_wapsite  li a{
    display:block;
    overflow:hidden;
   height: 129px;
}
#com_lastistop_wapsite li a.pt{
   height: 23px;
}
#com_lastistop_wapsite .plist img{
    height:auto;
}



.wapTemplates {

}



/*bug*/
#chatframe_1 {
z-index:2;
}
#mofinesuperiority .remark{ padding:0px;}


.clear{ clear:both;font-size:1px;width:1px;height:0;visibility:hidden; overflow:hidden;}
.clearfix:after{content:".";display:block; height:0;clear:both;visibility:hidden;} /* only FF */
.left{float:left;}
.right{float:right;}
.img{vertical-align:middle;}
.mauto{width:960px; margin:0 auto;}
.m_auto{margin:0 auto;}
.mtop{padding-top:10px;}